<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <link rel="shortcut icon" href="images/iTrack.ico"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="iTrack, task management">
        <meta name="author" content="iTrack">

        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <title>iTrack - Welcome</title>

        <script type="text/javascript" src="jquery/jquery-1.7.2.min.js"></script>
        <script type="text/javascript"
        src="jquery/jquery-ui-1.8.21.custom.min.js"></script>


        <link href="assets/css/bootstrap.css" rel="stylesheet">
        <style type="text/css">
            body {
                padding-top: 20px;
                padding-bottom: 40px;
            }

            /* Custom container */
            .container-narrow {
                margin: 0 auto;
                max-width: 700px;
            }
            .container-narrow > hr {
                margin: 30px 0;
            }

            /* Main marketing message and sign up button */
            .jumbotron {
                margin: 60px 0;
                text-align: center;
            }
            .jumbotron h1 {
                font-size: 72px;
                line-height: 1;
            }
            .jumbotron .btn {
                font-size: 21px;
                padding: 14px 24px;
            }

            /* Supporting marketing content */
            .marketing {
                margin: 60px 0;
            }
            .marketing p + h4 {
                margin-top: 28px;
            }
        </style>

        <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">


        <script type="text/javascript">
            $(document).ready(function(){
        
            });
        </script>

    </head>
    <body>
        <div class="container-narrow">

            <div class="masthead">
                <ul class="nav nav-pills pull-right">
                    <li class="active"><a href="javascript:void(0)">Home</a></li>
                </ul>
                <h3 class="muted">iTrack</h3>
            </div>

            <hr>

            <div class="jumbotron">
                <h1>Task management made easy !</h1>
                <p class="lead">Simplify your everyday task management with iTrack</p>
                <a class="btn btn-large btn-success" href="register.php">Sign up today</a>
                <a class="btn btn-large btn-info" href="login.php">&nbsp;&nbsp;&nbsp;&nbsp;Login &nbsp;&nbsp;&nbsp;&nbsp;</a>
            </div>

            <hr>

            <div class="row-fluid marketing">
                <div class="span6">
                    <h4>All your projects in one place</h4>
                    <p>View and manage everything that's going at once</p>

                    <h4>Simple to use task manager</h4>
                    <p>User interface designed for simplicity and ease of use</p>


                </div>

                <div class="span6">
                    <h4>Organize with tags</h4>
                    <p>Organize tasks with tags for instant grouping</p>

                    <h4>Collaborate with team members</h4>
                    <p>Invite people, work together on projects, see what's on everyone's plate</p>
                </div>
            </div>

            <?php include_once 'footer.php'; ?>

        </div> <!-- /container -->

    </body>
</html>